import React from 'react'
import { NavBar, Space, Toast } from 'antd-mobile'
import { useNavigate } from 'react-router-dom'
import style from './zjzbmz.module.scss'
const Index: React.FC = () => {
    const navigate = useNavigate()
    const back = () => {
        navigate(-1)
    }
    return (
        <div className={style.box}>
            <NavBar style={{ background: '#fff' }} onBack={back}>专家值班门诊</NavBar>
            <div >
                <div className={style.zjzbmz}>
                    <div>
                        专家值班门诊
                    </div>
                    <div>
                        今日剩余号：<span style={{color:'orange'}}>217</span> <span className={style.gt}>&gt;</span>
                    </div>
                    <div>
                        三甲医院医生在线出诊，视频/电话问诊
                    </div>
                </div>
                 <div className={style.zjzbmz}>
                    <div>
                        网上问诊-专家号
                    </div>
                    <div>
                        优选三甲医院专家在线出诊 <span className={style.gt}>&gt;</span>
                    </div>
                    <div>
                        医生出诊期间，可在<span style={{color:'orange'}}>15分钟</span>左右接诊
                    </div>
                </div>
                 <div className={style.zjzbmz}>
                    <div>
                        药物副作用门诊
                    </div>
                    <div>
                        对于您担心或已出现的用药问题 <span className={style.gt}>&gt;</span>
                    </div>
                    <div>
                       三甲临床药师专业在线指导
                    </div>
                </div>
            </div>

        </div>
    )
}

export default Index